<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>BMADMIN</title>
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <!-- Bootstrap 3.3.6 -->
  <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
  <!-- Font Awesome -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
  <!-- Ionicons -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
  <!-- Theme style -->
  <link rel="stylesheet" href="dist/css/AdminLTE.min.css">
  <!-- AdminLTE Skins. Choose a skin from the css/skins
       folder instead of downloading all of them to reduce the load. -->
  <link rel="stylesheet" href="dist/css/skins/skin-blue-light.css">
  <!-- iCheck -->
  <link rel="stylesheet" href="plugins/iCheck/flat/blue.css">
  <!-- jvectormap -->
  <link rel="stylesheet" href="plugins/jvectormap/jquery-jvectormap-1.2.2.css">
  <!-- Date Picker -->
  <link rel="stylesheet" href="plugins/datepicker/datepicker3.css">
  <!-- Daterange picker -->
  <link rel="stylesheet" href="plugins/daterangepicker/daterangepicker.css">
  <!-- bootstrap wysihtml5 - text editor -->
  <link rel="stylesheet" href="plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">


  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->


  <style>
    .small-box h3 {
      text-align: center;
    }
    .bg-index5 {
      background-color: #ffacf8;
    }
    .bg-index6 {
      background-color: #a5cdff;
    }
    .bg-index7 {
      background-color: #6cae1c;
    }
    .bg-index8 {
      background-color: #28d0ff;
    }

    .inner h3 {
      color: white;
    }

    .content-wrapper{
      min-height: 733px;
    }

  </style>

</head>
<body class="hold-transition skin-blue-light sidebar-mini">
<div class="wrapper">

  <header class="main-header">
    <!-- Logo -->
    <a href="../../index2.html" class="logo">
      <!-- mini logo for sidebar mini 50x50 pixels -->
      <span class="logo-mini"><b>BM</b></span>
      <!-- logo for regular state and mobile devices -->
      <span class="logo-lg"><b>BMAdmin o(*￣3￣)o  </b></span>
    </a>
    <!-- Header Navbar: styo(*￣3￣)o le can be found in header.less -->
    <nav class="navbar navbar-static-top">
      <!-- Sidebar toggle button-->
      <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </a>

      <div class="navbar-custom-menu">
        <ul class="nav navbar-nav">

          <!-- User Account: style can be found in dropdown.less -->
          <li class="dropdown user user-menu">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
              <span class="hidden-xs">注册</span>
            </a>
          </li>
          <li class="dropdown user user-menu">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
              <span class="hidden-xs">登陆</span>
            </a>
          </li>
          <!-- Control Sidebar Toggle Button -->
          <li>
            <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
          </li>
        </ul>
      </div>
    </nav>
  </header>
  <!-- Left side column. contains the logo and sidebar -->
  <aside class="main-sidebar">
    <section class="sidebar">
      <ul class="sidebar-menu"></ul>
    </section>
  </aside>

  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper" >
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>
        导航
        <small>推荐功能</small>
      </h1>
      <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> 首页</a></li>
        <li class="active">导航</li>
      </ol>
    </section>

    <!-- Main content -->
    <section class="content"><div class="row">
      <div style="margin-left: 20px">
        <h4>目前已提供以下服务</h4>
         <ul>
           <li><button type="button" class="btn btn-info btn-xs" title="Redis"  data-container="body" data-toggle="popover" data-placement="right" data-html="true"
                       data-content="<b>无密码版:</b><br/> &nbsp;&nbsp;&nbsp;&nbsp;地址：192.168.20.146:6379 <br/><b>有密码版：</b><br/>&nbsp;&nbsp;&nbsp;&nbsp;地址：192.168.20.146:6378 <br/> &nbsp;&nbsp;&nbsp;&nbsp;密码：aisino_wlfp">Redis</button></li>
           <li><button type="button" class="btn btn-success btn-xs" title="Zookeeper"  data-container="body" data-toggle="popover" data-placement="right" data-html="true"
                       data-content="<b>地址：</b>192.168.20.146:2181">Zookeeper</button></li>
           <li><button type="button" class="btn btn-info btn-xs" title="docker repository"  data-container="body" data-toggle="popover" data-placement="right" data-html="true"
                       data-content="使用 Harbor 系统<br/><b>地址：</b>192.168.20.146:1180<br/>需要增加用户，联系 bomber_jin@163.com">docker repository</button></li>
           <li><button type="button" class="btn btn-success btn-xs" title="mysql"  data-container="body" data-toggle="popover" data-placement="right" data-html="true"
                       data-content="<b>地址：</b>192.168.20.146:3306<br/>需要用户名密码，联系bomber_jin@163.com">mysql</button></li>
           <li><button type="button" class="btn btn-info btn-xs" title="oracle"  data-container="body" data-toggle="popover" data-placement="right" data-html="true"
                       data-content="<b>地址：</b>192.168.20.146:49161<br/>需要用户名密码，联系bomber_jin@163.com">oracle</button></li>
           <li><button type="button" class="btn btn-success btn-xs" title="elasticsearch"  data-container="body" data-toggle="popover" data-placement="right" data-html="true"
                       data-content="<b>地址：</b>http://192.168.20.146:9200">elasticsearch</button></li>
         </ul>
        <h4>在线API</h4>
        <ul>
          <li><a href="http://192.168.20.146:82"><b>JQuery</b></a></li>
        </ul>
        <h4>便民服务</h4>
        <ul>
          <li><a href="/pages/bmpages/feibiao.html"><b>飞镖积分器</b></a></li>
        </ul>
        <h4>计划提供资源</h4>
          <ul>
            <li><b>Maven 私服</b></li>
            <li><b>jenkins</b></li>
          </ul>
      </div>

      </div>

    </section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->
  <footer class="main-footer" >
    <div class="pull-right hidden-xs">
      <b>Version</b> beta 1.0
    </div>
    <strong>Copyright &copy; 2017-2018 <a href="http://www.bmadmin.com">BM Admin</a>.</strong> Power By Bomber
  </footer>

  <div class="control-sidebar-bg"></div>

</div>
<!-- ./wrapper -->

<!-- jQuery 2.2.3 -->
<script src="plugins/jQuery/jquery-2.2.3.min.js"></script>
<!-- jQuery UI 1.11.4 -->
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
<script>
  $.widget.bridge('uibutton', $.ui.button);
</script>
<!-- Bootstrap 3.3.6 -->
<script src="bootstrap/js/bootstrap.min.js"></script>
<!-- Sparkline -->
<script src="plugins/sparkline/jquery.sparkline.min.js"></script>
<!-- jvectormap -->
<script src="plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
<script src="plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
<!-- jQuery Knob Chart -->
<script src="plugins/knob/jquery.knob.js"></script>
<!-- daterangepicker -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.11.2/moment.min.js"></script>
<script src="plugins/daterangepicker/daterangepicker.js"></script>
<!-- datepicker -->
<script src="plugins/datepicker/bootstrap-datepicker.js"></script>
<!-- Bootstrap WYSIHTML5 -->
<script src="plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
<!-- Slimscroll -->
<script src="plugins/slimScroll/jquery.slimscroll.min.js"></script>
<!-- FastClick -->
<script src="plugins/fastclick/fastclick.js"></script>
<!-- AdminLTE App -->
<script src="dist/js/app.min.js"></script>
<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
<script src="dist/js/pages/dashboard.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="dist/js/demo.js"></script>
<script src="dist/js/base.js"></script>

<script>
  function todo() {
      alert("功能待完善");
  }
//  界面气泡弹出效果
  $(function () {
      $("[data-toggle='popover']").popover();
  });
</script>


</body>
</html>
